/*按钮*/
.btn-bgc-1 {
    background-color: #f56659 !important;
    border-color: #f56659 !important;
}
.btn-bgc-1:hover {
    background-color: #f6847a !important;
    border-color: #f6847a !important;
}

.btn-bgc-2 {
    background-color: #488dc9 !important;
    border-color: #488dc9 !important;
}
.btn-bgc-2:hover {
    background-color: #6ca3d3 !important;
    border-color: #6ca3d3 !important;
    padding: 0 5px !important;
}

.btn-bgc2 {
    background-color: #149e83 !important;
    border-color: #149e83 !important;
}
.btn-bgc2:hover {
    background-color: #42b19b !important;
    border-color: #42b19b !important;
    padding: 0 5px !important;
}

.btn-bgc-3 {
    background-color: #e63636 !important;
    border-color: #e63636 !important;
}
.btn-bgc-3:hover {
    background-color: #e43f3f !important;
    border-color: #e43f3f !important;
}

.btn-bgc-4 {
    background-color: #149e83 !important;
    border-color: #149e83 !important;
}
.btn-bgc-4:hover {
    background-color: #42b19b !important;
    border-color: #42b19b !important;
}

.btn-bgc-5 {
    background-color: #2396b2 !important;
    border-color: #2396b2 !important;
}
.btn-bgc-5:hover {
    background-color: #4eaac1 !important;
    border-color: #4eaac1 !important;
}
.btn-bgc-6 {
    background-color: #cc2626 !important;
    border-color: #cc2626 !important;
    color: #fff !important;
}
.btn-bgc-6:hover {
    background-color: #d65151 !important;
    border-color: #d65151 !important;
    color: #fff !important;
}
.btn-bgc-7 {
    background-color: #49b377 !important;
    border-color: #49b377 !important;
    box-shadow: 0 3px 0 #279657 !important;
    font-size: 16px !important;
}
.btn-bgc-7:hover {
    background-color: #6dc292 !important;
    border-color: #6dc292 !important;
    box-shadow: 0 3px 0 #6dc292 !important;
    font-size: 16px !important;
}
.btn-bgc-8 {
    background-color: #505050 !important;
    border-color: #505050 !important;
    box-shadow: 0 3px 0 #3a3a3a !important;
    font-size: 16px !important;
}
.btn-bgc-8:hover {
    background-color: #727272 !important;
    border-color: #727272 !important;
    box-shadow: 0 3px 0 #616161 !important;
    font-size: 16px !important;
}
.btn-bgc-9 {
    background-color: #e0405a !important;
    border-color: #e0405a !important;
}
.btn-bgc-9:hover {
    background-color: #db6178 !important;
    border-color: #db6178 !important;
    padding: 0 5px !important;
}
.btn-bgc-10 {
    background-color: #dddddd !important;
    border-color: #dddddd !important;
    font-size: 10px !important;
}
.btn-bgc-10:hover {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #000 !important;
    font-size: 10px !important;
    padding: 0 5px !important;
}
.btn-bgc-11 {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    font-size: 10px !important;
}
.btn-bgc-11:hover {
    background-color: #f42e30 !important;
    border-color: #f42e30 !important;
    font-size: 10px !important;
    padding: 0 5px !important;
}

.btn-bgc-12 {
    width: 80px;
    height: 30px !important;
    line-height: 15px !important;
    background-color: #505050 !important;
    border-color: #505050 !important;
    box-shadow: 0 3px 0 #3a3a3a !important;
    font-size: 16px !important;
}
.btn-bgc-12:hover {
    background-color: #727272 !important;
    border-color: #727272 !important;
    box-shadow: 0 3px 0 #616161 !important;
    font-size: 16px !important;
}
.btn-bgc-13 {
    width: 80px;
    height: 30px !important;
    line-height: 15px !important;
    background-color: #448aca !important;
    border-color: #448aca !important;
    box-shadow: 0 3px 0 #276fb0 !important;
    font-size: 16px !important;
}
.btn-bgc-13:hover {
    background-color: #69a1d4 !important;
    border-color: #69a1d4 !important;
    box-shadow: 0 3px 0 #528bbf !important;
    font-size: 16px !important;
}
.btn-bgc-14 {
    background-color: #52c0cc !important;
    border-color: #52c0cc !important;
}
.btn-bgc-14:hover {
    background-color: #6cc4cefd !important;
    border-color: #6cc4cefd !important;
}
.btn-bgc-15 {
    background-color: #5cad69 !important;
    border-color: #5cad69 !important;
}
.btn-bgc-15:hover {
    background-color: #7cbd86 !important;
    border-color: #7cbd86 !important;
}
.btn-bgc-16 {
    background-color: #448aca !important;
    border-color: #448aca !important;
    box-shadow: 0 3px 0 #276fb0 !important;
    font-size: 16px !important;
    font-weight: 700;
    color: #fff !important;
}
.btn-bgc-16:hover {
    background-color: #69a1d4 !important;
    border-color: #69a1d4 !important;
    box-shadow: 0 3px 0 #77a2c8 !important;
    font-size: 16px !important;
    font-weight: 700;
    color: #fff !important;
}
.btn-bgc-17 {
    background-color: #505050 !important;
    border-color: #505050 !important;
    box-shadow: 0 3px 0 #3a3a3a !important;
    font-size: 16px !important;
    font-weight: 700;
}
.btn-bgc-17:hover {
    background-color: #727272 !important;
    border-color: #727272 !important;
    box-shadow: 0 3px 0 #616161 !important;
    font-size: 16px !important;
    font-weight: 700;
}
